

/* 

.navbar-black-new{
    background-color:#222;
    border-bottom:#cccccc 1px solid;
    -moz-box-shadow: 0 0 0px #333333;
    -webkit-box-shadow: 0 0 0px #333333;
    box-shadow: 0 0 0px #333333
}


.navbar-black .navbar-nav > ul.new > li.current > a{color:#2B33DB; font-size:22px ; cursor: pointer}
.navbar-nav > ul.new > li,.navbar-nav > ul.new > li > a{height:44px; line-height:80px;font-size:22px}

.nav > ul.old > li > a:hover{background-color:rgba(100,100,100,0.2); text-decoration:none;}
.nav > ul.old > li.current > a{background-color:rgba(0,0,0,0.2); text-decoration:none;} 


.navbar-black .navbar-nav > ul > li > a{ color:#000000}

.navbar-black .navbar-nav>ul>li>a:hover, .navbar-black .navbar-nav>ul>li.current>a {
    background: #FFF;
    }
    
     .navbar.navbar-black{  background-color: #dddddd;} 
    
.navbar-black .logo {
    color: #000;
}
    

*/

.navbar-black .navbar-nav>ul>li, .navbar-black .navbar-nav>ul>li>a {
    color: #ddd;
}

.navbar-black .navbar-nav > ul > li > a:hover{color:#ffffff;  cursor: pointer}
.navbar-black .navbar-nav > ul > li.current > a{color:#ffff00;  cursor: pointer}

.navbar-logo, .navbar-logo-m {
    font-size: 21px;
}



.panel{
    background-color:#FBFBFB
}

.panel:hover{
    background-color:#FFFFFF 
}

.panel.shadow{
    border-bottom:#ccc 1px solid;
    -moz-box-shadow: 2px 2px 10px #ccc;
    -webkit-box-shadow: 2px 2px 10px #ccc;
    box-shadow: 2px 2px 10px #ccc
}

.panel.shadow:hover{
    border-bottom:#00f 1px solid;
    -moz-box-shadow: 0px 0px 6px #00f;
    -webkit-box-shadow: 0px 0px 6px #00f;
    box-shadow: 0px 0px 6px #00f
    background-color:#FFFFFF
}


.panel .panel-body > ol > li.current{background-color:#eee}

.panel .panel-body > ol > li:hover{background-color:#ccc}

.container.gray{
	background-color:#eee;
	padding-bottom:10px
}

.mask{
	position: fixed;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	background: #333;
	opacity: 0.5;
	filter:alpha(opacity=50);
}
.maskLogin{
	position: fixed;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	background: #333;
	opacity: 0.9;
	filter:alpha(opacity=90);
}

.friendlink{
	margin-left:20px;
	margin-top:20px;
	height:120px;
	width:194px;
	background-color:#FFF
}
.friendlink .title{
	font-size:20px;
	padding-left:20px;
	padding-top:10px;
}
.friendlink .net{
	font-size:16px;
	text-align:center;
}
.friendlink .desc{
	font-size:14px;
	padding-left:5px;
	padding-right:5px;
}

.friendlink.shadow{
    border-bottom:#ccc 1px solid;
    -moz-box-shadow: 2px 2px 10px #ccc;
    -webkit-box-shadow: 2px 2px 10px #ccc;
    box-shadow: 2px 2px 10px #ccc
}

.friendlink.shadow:hover{
    border-bottom:#00f 1px solid;
    -moz-box-shadow: 0px 0px 6px #00f;
    -webkit-box-shadow: 0px 0px 6px #00f;
    box-shadow: 0px 0px 6px #00f
}

.top-list .top1 em {
    background-color: #FF0000;
    border: 0;
    color: #fff;
    height: 20px;
    line-height: 20px;
    width: 22px;
}
.top-list .top1 em {
    background-color: #f58c85;
    border: 0;
    color: #fff;
    height: 20px;
    line-height: 20px;
    width: 22px;
}
.top-list .top2 em {
    background-color: #FCBC4B;
    border: 0;
    color: #fff;
    height: 20px;
    line-height: 20px;
    width: 22px;
}
.top-list .top3 em {
    background-color: #A1D958;
    border: 0;
    color: #fff;
    height: 20px;
    line-height: 20px;
    width: 22px;
}
.top-list .top4 em {
    background-color: #7CBCE4;
    border: 0;
    color: #fff;
    height: 20px;
    line-height: 20px;
    width: 22px;
}



